.container {
    display: flex;
    justify-content: center;
    align-items: center;
/*    background-color: gray;*/
    width: 100%;
    height: 100%;
}

.title {
    font-size: 30px;
    text-align: center;
    width: 200px;
    height: 100px;
}
.bar{
    background-color: gray;
    width: 70%;
    height: 100%;flex-direction: column;
    animation: Go 1s 1;
}
.popup {
/*    mask-color: gray;*/
}
.text {
    color: white;
}
@keyframes Go
{
    from {
        background-color: gray;
        transform:translateX(-400px) ;
    }
    /* 可以通过百分比指定动画运行的中间状态6+ */
    /*    50% {*/
    /*        background-color: #a72160;*/
    /*        transform:translateX(100px) ;*/
    /*    }*/
    to {
        background-color: gray;
        transform:translateX(0px) ;
    }
}
.buttonStyle{
    position: fixed;
    width: 100px;
    height: 100px;
}